<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>狂拍灰太狼</title>
        <link rel="stylesheet" href="css/index.css">
        <script src="http://code.jquery.com/jquery-1.12.4.js" 
        integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
        crossorigin="anonymous"></script>
        <script src="js/index.js"></script>
    </head>
    <body>
        <div class="container">
            <h1>0</h1>
            <div class="progress"></div>
            <button class="start">开始游戏</button>
            <div class="rules">游戏规则</div>
            <div class="rule">
                <p>游戏规则：</p>
                <p>1.游戏时间：60s</p>
                <p>2.拼手速，殴打灰太狼+10分</p>
                <p>3.殴打小灰灰-10分</p>
                <a href="#" class="close">[关闭]</a>
            </div>
            <div class="mask">
                <h1>GAME OVER</h1>
                <button class="reStart">重新开始</button>
            </div>
        </div>
        
    </body>
</html>